<template>
  <div class="data-processingbox">
    <div class="bodybox">
      <el-tabs v-model="activeName" @tab-click="tabarClick">
        <el-tab-pane label="负荷电量重算" name="first">
          <FuheDilan  ref="FuheDilan"></FuheDilan>
        </el-tab-pane>
        <el-tab-pane label="测点数据处理" name="second">
          <CeDian  ref="CeDian"></CeDian>
        </el-tab-pane>
        <el-tab-pane label="虚拟测点重算" name="third">
          <XuniCe  ref="XuniCe"></XuniCe>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
import XuniCe from './XuniCe.vue'
import CeDian from './CeDian.vue'
import FuheDilan from './FuheDilan.vue'
export default {
  name: 'processingbox',
  components: {
    FuheDilan,
    CeDian,
    XuniCe
  },
  data() {
    return {
      activeName:'first'
    };
  },

  mounted() {

  },

  methods: {
    // 导航栏点击事件
    tabarClick() {
      
    },
  },
};
</script>

<style scoped lang="scss">
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.data-processingbox{
  height: 100%;
  padding: 10px;
  .bodybox{
    padding:10px 20px 20px;
    background-color: #fff;
    height: 100%;
  }

}
::v-deep .el-radio{
  margin-right: 10px;
}
::v-deep .el-tabs{
  height: 100%;
}
::v-deep .el-tabs__content{
  height: 93% !important;
}
::v-deep .el-tab-pane{
  height: 100%;
  background-color: #f1f1f1;
  padding: 10px;
}
</style>